$(function() {
  // 1.表单校验
  // 用户名：  非空 2-6位
  // 密码:  非空  6-12
  //使用表单校验插件
  $(".login-form").bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [":disabled", ":hidden", ":not(:visible)"],

    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: "glyphicon glyphicon-ok",
      invalid: "glyphicon glyphicon-remove",
      validating: "glyphicon glyphicon-refresh"
    },

    //3. 指定校验字段
    fields: {
      //校验用户名，对应name表单的name属性
      username: {
        validators: {
          //不能为空
          notEmpty: {
            message: "用户名不能为空"
          },
          //长度校验
          stringLength: {
            min: 2,
            max: 6,
            message: "用户名长度必须在2到6位之间"
          }
          //   //正则校验
          //   regexp: {
          //     regexp: /^[a-zA-Z0-9_\.]+$/,
          //     message: "用户名由数字字母下划线和.组成"
          //   }
        }
      },
      password: {
        validators: {
          //不能为空
          notEmpty: {
            message: "密码不能为空"
          },
          //长度校验
          stringLength: {
            min: 6,
            max: 12,
            message: "密码长度必须在6到12位之间"
          }
          //   //正则校验
          //   regexp: {
          //     regexp: /^[a-zA-Z0-9_\.]+$/,
          //     message: "密码由数字字母下划线和.组成"
          //   }
        }
      }
    }
  });
  // 2- 点击重置按钮，重置表单的数据和 重置表单校验样式
  $(".btn-reset").click(function() {
    // 当我们初始化好表单校验插件时，我们可以通过以下方法来获取表单校验的validator实例，通过validator实例调用一些方法来完成某些功能。
    // 重置表单中设置过校验的内容，将隐藏所有错误提示和图标。
    $(".login-form")
      .data("bootstrapValidator")
      .resetForm();
  });

  // 3- 用户登陆功能
  // 1- 点击登陆按钮，获取表单数据， 在表单数据校验通过的情况下，向后台发送请求
  // 2- 获取后台返回登陆结果，
  //     登陆成功： 跳转到首页
  //     登陆失败： 提示错误信息，重新登陆

  // 表单校验插件中， 提供 success.form.bv 事件， 在用户点击提交按钮，并且数据校验通过的情况下触发
  $(".login-form").on("success.form.bv", function(e) {
    e.preventDefault();
    console.log("ww");
    // 使用ajax提交逻辑;
    $.ajax({
      url: "/employee/employeeLogin",
      type: "post",
      //   表单序列化
      data: $(".login-form").serialize(),
      dataType: "json",
      success: function(res) {
        console.log(res);
        if (res.success) {
          //登陆成功
          //跳转去首页
          location.href = "index.html";
        }
        if (res.error == 1000) {
          // alert('用户名错误');
          // 将用户名状态 有成功改为失败， 提示错误原因
          $(".login-form")
            .data("bootstrapValidator")
            .updateStatus("username", "INVALID", "callback");
        }
        if (res.error == 1001) {
          // alert('密码错误');
          // 将密码状态 有成功改为失败， 提示错误原因
          $(".login-form")
            .data("bootstrapValidator")
            .updateStatus("password", "INVALID", "callback");
        }
      }
    });
  });
  $(document).keyup(function(e) {
    if (e.keyCode === 13) {
      $(".btn-login").click();
    }
  });
});
